@extends('project.common.framework') 
@section('content')
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
<div class="container-fluid">
    <h1>Simple Sidebar</h1>
    <p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear
        non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens,
        the page content will be pushed off canvas.</p>
    <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
</div>
@endsection